<extend name="Base/common"/>
<block name="style">
   <style type="text/css">
 
   .top{
        width: 100%;
        height: 15%;
        /*background: #cc9;*/

   }
   .top img{
        display: block;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: #fff;
        margin: auto;
        margin-top: 5%;
        
   }
   .top p{
        margin:auto;
        font-size: 14px;
        text-align: center;
        margin-top:3%;
        letter-spacing:0;
        color:#898989;
    }
 
    p{
        width: 90%;
        height: 60px;
        margin-left: 5%;
        margin-top:10px; 
        text-align: center;
        height: 60px;
        font-size: 18px;
        letter-spacing:2px;

    }

    .center{ 
        width: 90%;
        height:50%;
        margin-left: 5%;
    }

    input{
        width: 95%;
        height: 40px;
        background: #fff;
        float: left;
        border:none;
        margin-top: 4%;
        font-size: 24px;
        color:#3e3a39;
    }
    span{
        display: block;
        width: 90%;
        margin: auto;
    }






</style>
</block>
<block name="body">
    <div>
            <div class="top">
                <img src="__IMG__/zfb.png">
                <p>收款方：<font style="color:#009fe8">{$one.shop_name}</font></p>
            </div>
            
           

            <form action="" method="post" style="height:40%;margin-top:-3%">
                <input type="hidden"  name="shop_name" value="{$one.shop_name}"/>
                <span>支付金额</span>
                <div class="center">

                    <i style="float:left;width:100%;height:100%;border-bottom:1px solid #dcdddd;">
                        <b style="float:left;width:5%;height:100%;font-family:Arial;font-size:24px;padding-bottom:0;margin-top:5%">&yen;</b>
                        <input type="text" name="money" onKeyUp="amount(this)" onBlur="overFormat(this)" id="money" />
                    </i>
                    <input type="hidden" id="uid" name="uid" value="{$one.uid}"/>

                    <input type="text" maxlength="30" name="subject"  placeholder="添加备注(限30字内)" style="height:20px;font-size:12px;border:none"/>
                    
                </div>
                <button type="button" class='login-btn'  style="background:#009fe8;width:85%;margin-left:7.5%;">确认付款</button>

            </form>

            <div class="top" style="margin-top:5%">
                <p style="margin-top:0;text-align:left;">
                    温馨提示：付款前请仔细核实收款方信息，避免上当受骗。(商家有问题？点<a href="http://weixin.jcsmkj.cn/index.php?m=Weixin&c=User&a=tousu&complainant={$one.shop_name}" style="color:red">这里</a>投诉)
                </p>
            </div>


        <!-- <button id="test">测 试</button>2017122021001004010227195186 -->  
        <p style="margin:auto;font-size: 14px;text-align: center;margin-top:29%;letter-spacing:0;color:#898989;margin-bottom:0">商户服务 | <font style="color:#009fe8">西西钱包提供技术支持</font></p>
    </div>


         <div class="block" style="height:120%;width:100%;position:fixed;top:0;left:0;z-index:9;display:none;background:rgba(0,0,0,0.3);">
        
            <div class="box" style="margin:auto;margin-top:25%;;width:75%;height:auto;background:#fff;box-shadow: 2px 2px 2px #666;border-radius:7px 7px 0px 0px">
            

                <div class="cancle" style="height:50px;border-bottom:#ccc 1px solid;line-height:50px;background:#f5f5f7;border-top-left-radius:7px;border-top-right-radius:7px;color:red;text-align:center">
                    温馨提示
                </div>

               
                <div class="pay" style="height:auto;border-bottom:1px solid #ccc;padding:5px 15px;font-size:16px;">
                    如遇到要求扫二维码/兼职刷单/财务要求/银行卡支付宝认证/客服赔款退款等之类的骗局请立即<b style="color:red;">终止交易</b>，如选择<b style="color:red">继续交易</b>视您已阅读以上内容，产生一切后果由您本人自行承担
                </div>
                <label class="sure" style="height:50px;width:100%;border-radius:0px 0px 7px 7px">
                    <span class="type1"  style="float:left;height:50px;width:50%;color:red;line-height:50px;font-size:18px;background:#fff;text-align:center;border-radius:0px 0px 0px 7px;border-right:1px solid #ccc">立即终止</span>
                    <span class="type2"  style="float:right;height:50px;width:50%;color:#009fe8;line-height:50px;font-size:18px;background:#fff;text-align:center;border-radius:0px 0px 7px 0px">10s</span>
                    
                </label>
        </div>


    </div>


</block>
<block name="script">
    <script >
    var url=''
    var time=9;
    var i;
    $('.login-btn').click(function(){
        var money=$('#money').val();
        if(money==0||money==''){
            alert('请输入金额')
        }else{
            $('.block').show()
            
            i=setInterval(function(){
                if(time>0){
                    $('.type2').html(time+'s')
                    time--
                }else{
                    clearInterval(i)
                    $('.type2').html('<a href="'+url+'" style="color:#009fe8;width:100%;height:100%">继续交易</a>')
                }
                
            },1000)
        }
        

    })

    $('.type1').click(function(){
        $('.block').hide()
        time=9
        clearInterval(i)
        $('.type2').html('10s')
    })




        $('#money').change(function(){
            var money=$(this).val();
                if(money < 10){
                    alert('输入金额不可少于10');
                    return false;
                }else if(money > 50000){
                    alert('输入金额不可超过50000');
                    return false;
                }else{

                    var data=$('form').serializeArray();
                    data['money']=money;
                    $.ajax({
                        type:'post',
                        data:data, 
                        url:"{:U('precreate')}",
                        success:function(m){
                            url=m

                        }
                    })
                }   
        })


        /**
        * 实时动态强制更改用户录入
        * arg1 inputObject
        **/
        function amount(th){
            var regStrs = [
                ['^0(\\d+)$', '$1'], //禁止录入整数部分两位以上，但首位为0
                ['[^\\d\\.]+$', ''], //禁止录入任何非数字和点
                ['\\.(\\d?)\\.+', '.$1'], //禁止录入两个以上的点
                ['^(\\d+\\.\\d{2}).+', '$1'] //禁止录入小数点后两位以上
            ];
            for(i=0; i<regStrs.length; i++){
                var reg = new RegExp(regStrs[i][0]);
                th.value = th.value.replace(reg, regStrs[i][1]);
            }
        }
         
        /**
        * 录入完成后，输入模式失去焦点后对录入进行判断并强制更改，并对小数点进行0补全
        * arg1 inputObject
        * 这个函数写得很傻，是我很早以前写的了，没有进行优化，但功能十分齐全，你尝试着使用
        * 其实有一种可以更快速的JavaScript内置函数可以提取杂乱数据中的数字：
        * parseFloat('10');
        **/
        function overFormat(th){
            var v = th.value;
            if(v === ''){
                v = '0.00';
            }else if(v === '0'){
                v = '0.00';
            }else if(v === '0.'){
                v = '0.00';
            }else if(/^0+\d+\.?\d*.*$/.test(v)){
                v = v.replace(/^0+(\d+\.?\d*).*$/, '$1');
                v = inp.getRightPriceFormat(v).val;
            }else if(/^0\.\d$/.test(v)){
                v = v + '0';
            }else if(!/^\d+\.\d{2}$/.test(v)){
                if(/^\d+\.\d{2}.+/.test(v)){
                    v = v.replace(/^(\d+\.\d{2}).*$/, '$1');
                }else if(/^\d+$/.test(v)){
                    v = v + '.00';
                }else if(/^\d+\.$/.test(v)){
                    v = v + '00';
                }else if(/^\d+\.\d$/.test(v)){
                    v = v + '0';
                }else if(/^[^\d]+\d+\.?\d*$/.test(v)){
                    v = v.replace(/^[^\d]+(\d+\.?\d*)$/, '$1');
                }else if(/\d+/.test(v)){
                    v = v.replace(/^[^\d]*(\d+\.?\d*).*$/, '$1');
                    ty = false;
                }else if(/^0+\d+\.?\d*$/.test(v)){
                    v = v.replace(/^0+(\d+\.?\d*)$/, '$1');
                    ty = false;
                }else{
                    v = '0.00';
                }
            }
            th.value = v; 
        }
    </script>

</block>